@charset "gb2312";
/* CSS Document */
*{padding:0px;margin:0px; font-size:14px; font-family:microsoft YaHei!important;}
a{color:#333; text-decoration:none;}
a:hover{color:#F60;text-decoration:underline;}
ul,li{list-style:none;}
.floatL{float:left;}
.floatR{float:right;}
.clearfloat{height:0px; line-height:0px; font-size:0px; clear:both;}
html{ overflow:auto; overflow-x:hidden;}
.banner{height:auto; position:relative;}

/* main_image */
.main_visual{height:220px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:220px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:228px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:228px;}
.main_image li span{display:block;width:100%;height:228px}
.main_image li a{display:block;width:100%;height:228px}


div.flicking_con{position:absolute; bottom:10px; right:3%; z-index:999; height:20px ;margin:0 0 0 -50px;}
div.flicking_con a{float:left; width:21px; height:21px; margin:0;padding:0; background:url('btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -20px}
#btn_prev,#btn_next{z-index:11111; position:absolute; display:block; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}